<div>
	<div class="panel panel-primary text-center">
		<div class="panel-heading">
			<span class="main-title"><span class="glyphicon glyphicon-th-large"></span> {{'reports' | translate}}</span>
		</div>
	</div>
	<message-error-panel ng-model="message"></message-error-panel>
	<div class="panel panel-info">
		<div class="panel-heading">{{'parameters' | translate}}</div>
		<div class="panel-body">
			<form class="form-horizontal" ng-init="reportSearchOptions = {}">
				<div class="form-group">
					<label class="col-sm-2 control-label" translate="ReportSearchOptions.excelReportType"></label>
					<div class="col-sm-3">
						<div select-enum ng-model="reportSearchOptions.excelReportType" enum-name="ExcelReportType"></div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" translate="ReportSearchOptions.from"></label>
					<div class="col-sm-3">
						<div calendar ng-model="reportSearchOptions.from"></div>
					</div>
					<label class="col-sm-2 col-sm-offset-1 control-label" translate="ReportSearchOptions.to"></label>
					<div class="col-sm-3">
						<div calendar ng-model="reportSearchOptions.to"></div>
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-2 control-label" translate="ReportSearchOptions.email"></label>
					<div class="col-sm-3">
						<input class="form-control" type="text" ng-model="reportSearchOptions.email">
					</div>
				</div>
			</form>
			<div class="center top-10">
				<button class="btn btn-primary" ng-click="generate()" ng-disabled="isLoading"><span ng-class="{'glyphicon glyphicon-refresh spin' : isLoading}"></span> {{ (isLoading ? 'generating' : 'generate') | translate}}</button>
			</div>
		</div>
	</div>
</div>